<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="en">
<head>
<title>系统消息管理</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!-- END META SECTION -->

<!-- CSS INCLUDE -->        
      
<link rel="stylesheet" href="${ctx}/rs/js/zTree/css/zTreeStyle/metro.css"/>
<link rel="stylesheet" href="${ctx}/rs/css/bootstrap-table.css" />
<link rel="stylesheet" href="${ctx}/rs/css/main.css" />
<link id="theme" rel="stylesheet" href="${ctx}/rs/joli/css/theme-default.css" />

<!-- EOF CSS INCLUDE -->        
</head>
<body>

	<!-- START PAGE CONTAINER -->
      <div class="page-container">
      	<!-- 引入左菜单部分 -->
          <jsp:include page="../joli/menu.jsp"></jsp:include>
          
          <!-- START PAGE CONTENT -->
          <div class="page-content">
              <jsp:include page="../joli/top.jsp"></jsp:include>
              
              <!-- START BREADCRUMB -->
              <ul class="breadcrumb">
                  <li><a href="#">系统管理</a></li>                    
                  <li class="active">系统消息管理</li>
              </ul>
              <!-- END BREADCRUMB -->   
              
              
              <!-- PAGE CONTENT WRAPPER -->
              <div class="page-content-wrap">
				<div class="row">
	           		<div class="col-xs-12">
	           			<div id="toolbar">
							<shiro:hasPermission name="message:send">
								<button class="btn btn-info btn-sm srt-btn icon-send" onclick="add()">发消息</button>
							</shiro:hasPermission>
							<shiro:hasPermission name="message:delete">
								<button class="btn btn-danger srt-btn btn-sm icon-delt" onclick="removeData()">删除</button>
							</shiro:hasPermission>
						</div>
						<table id="table" cellpadding="0" cellspacing="0" data-toggle="table" data-toolbar="#toolbar"
							data-url="${ctx}/message/page.htm"
							data-cache="false"
							data-pagination="true" 
							data-side-pagination="server"
							data-page-list="[10, 20, 50, 100]"
							data-page-size="20"  
							data-query-params="queryParams">
							<thead>
								<tr class="tab-th">
									<th data-field="state" data-checkbox="true"></th>
									<th data-field="id">编号</th>
									<th class="col-md-2" data-field="title">标题</th>
									<th data-field="type" data-formatter="typeFormatter">类型</th>
									<th class="col-md-5" data-field="content">内容</th>
									<th data-field="createTime" data-formatter="timeFormatter">创建时间</th>
									<th data-field="updateTime" data-formatter="timeFormatter">更新时间</th>
								</tr>
							</thead>
						</table>
	           		</div>
           		</div>
			  </div>
   		</div>

	<!-- 引入所有joli的脚本 -->
	<jsp:include page="../joli/scripts.jsp"></jsp:include>
	<!-- 引入页面需要的脚本 -->
	<script type="text/javascript" src="${ctx}/rs/js/bootstrapQ.min.js"></script>
	<script src="${ctx}/rs/js/zTree/js/jquery.ztree.all-3.5.min.js"></script>
	<script src="${ctx}/rs/js/bootstrap-table.js"></script>
	<script src="${ctx}/rs/js/bootstrap-table-zh-CN.js"></script>
	<script src="${ctx}/rs/js/jquery.formatDate.js"></script>
	<script src="${ctx}/rs/js/my97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="${ctx}/rs/js/session-out-error.js"></script>
	<script>
		activeMenu($("#menu_sys_5"));
	    var $table = $('#table');
	    
	    $table.on('click-row.bs.table', function (e, row, $element) {
	    	$table.bootstrapTable('uncheckAll');
	    	$table.bootstrapTable('check', $element.index());
        });
	    
	    $table.bootstrapTable({
            height: getHeight()
        });
	    
        //获取分辨率高度
	    function getHeight() {
	        return window.screen.height - 308;
	    }
	    
	    $(window).resize(function () {
        	$table.bootstrapTable('resetView',{height: getHeight()});
        });
	    //初始化刷新
	   function refresh(pageIndex,selectPage){
	    	if(!pageIndex && !selectPage){
	    		pageIndex = 0;
	    		selectPage = 0;
	    	}
	    	var pageSize = $table.bootstrapTable('getOptions').pageSize;
	    	pageIndex=pageIndex*pageSize;
	    	$table.bootstrapTable('refresh', {
	    		silent: true,
	    		cache : false,
                url: '${ctx}/message/page.htm',
                query: {
                	pageIndex : pageIndex,
    				pageSize : pageSize
    			}
            });
	    	$table.bootstrapTable('selectPage', selectPage);
	    }
	    
		function add() {
			var pageNumber = $table.bootstrapTable('getOptions').pageNumber;
			var pageIndex = pageNumber - 1;
			bootstrapQ.dialog({
				url : '${ctx}/message/add.htm',
				title : '发送系统消息',
				width: "720px",
				close : 'true',
				hidebtn : 'true'
			},function(){
				//回调触发关闭窗口
				$("#bsmodal").modal("hide");
				refresh(pageIndex,pageNumber);
			});
		};
		
		function edit() {
			var pageNumber = $table.bootstrapTable('getOptions').pageNumber;
			var pageIndex = pageNumber - 1;
			var rows = $table.bootstrapTable('getSelections');
			if (rows.length == 1) {
				bootstrapQ.dialog({
					url : "${ctx}/message/edit.htm?id="+ rows[0].id,
					title : "编辑系统消息",
					close : 'true',
					hidebtn : 'true'
				},function(){
					//回调触发关闭窗口
					$("#bsmodal").modal("hide");
					refresh(pageIndex,pageNumber);
				});
			}else{
				bootstrapQ.alert("请选中一条记录");
			}
        }
		
		function removeData() {
			var pageNumber = $table.bootstrapTable('getOptions').pageNumber;
			var pageIndex = pageNumber - 1;
			var rows = $table.bootstrapTable('getSelections');
			var len=$("#table tbody").find("tr").length;
	        if(len==rows.length){
		        pageIndex = pageIndex - 1;
		    }
            if(rows.length > 0){
            	bootstrapQ.confirm('确定删除选中记录？',function(){
            		var ids = $.map($table.bootstrapTable('getSelections'), function (row) {
                        return row.id;
                    });
                    $.ajax({
                        url: "${ctx}/message/delete.htm?ids="+ids,
                        success: function (text) {
                        	bootstrapQ.msg({
     						    msg  : '删除成功！',
     						    type : 'success',
     						    time : 2000
     						});
                        	refresh(pageIndex,pageNumber);
                        },
                        error: function () {
                        	bootstrapQ.msg({
     						    msg  : '删除失败！',
     						    type : 'danger',
     						    time : 2000
     						});
                        	refresh(pageIndex,pageNumber);
                        }
                    });
    			},null);
            }else{
            	bootstrapQ.alert("请选择要删除的记录！");
            }
        }

		function queryParams(params) {
			return {
				pageIndex : params.offset,
				pageSize : params.limit
			};
		}

		function typeFormatter(value, row, index) {
			if (value == 0) {
				return "系统通知";
			} else {
				return  "--";
			}
		}
		
		function timeFormatter(value, row, index){
			 if(value){
				 return $.formatDate("yyyy-MM-dd HH:mm:ss", new Date(value));
			 }
			 return "--";
		}

	</script>
</body>
</html>